<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title></title>
		<link rel="stylesheet" href="../style.css" type="text/css" media="screen"/>
	</head>
	<body>
		<h2>Adjusting Properties</h2>
		When you click on an object in the live application panel, the inspector panel will display its properties and methods.
		To edit a property, just click on its value. Any changes to a property are immediately applied to the object. You can see the results straight away in your own application.
		Note: You can edit properties of the type String, Number, Boolean, int or uint at runtime. 	
		<br/><br/>		
		<img src="../images/inspector_properties.jpg"/>
		<br/><br/><br/>
		Again, we use icons to distinct between different property types.
		<br/><br/>
		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td width="50px"><strong>Icon</strong></td>
				<td><strong>Description</strong></td>
			</tr>
			<tr>
				<td><img class="icon" src="../images/bullet_white.png"/></td>
				<td>Non editable property</td>
			</tr>
			<tr>
				<td><img class="icon" src="../images/bullet_wrench.png"/></td>
				<td>Editable property</td>
			</tr>
		</table>
		<br/><br/>
	</body>
</html>
